@charset "utf-8";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    font-size: $fontSize*1px;
}
$fontSizebody:13px;
body{
    font-size: $fontSizebody;
} 

  

//中部公共部分
.middle{
    width: 100%;
    background: #f5f5f5;
    font-size: 0;
    //大图
    .m_pic>img{width:100%;
        margin: r(7) 0;
    }
    //GIMC导航栏
    .m_nav{
        width: 100%;
        display: flex;
        justify-content: space-around;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: r(20);
        >li{width: 33.33%;
            height: r(89);
            display: flex;
            align-items: center;
            justify-content: center;
            >a{color: #8b8b8b;
            font-size: $fontSizebody;}
        }
        >li:nth-child(2){>a{color: white}
            background: #b20000;}
    }
    //白色背景盒子
    .whitebox{
        width: 100%;
        background: white;
        padding:r(28) r(28) 0 r(28);
        box-sizing: border-box;
        //人物介绍
        >ul{
            width: 100%;
            //第一个人
            >li{display: flex;
                justify-content: space-between;
                margin-bottom: r(48);
                //头像
                .avatar>img{
                    width: r(107);
                    height: r(127);}
                .resume{
                    width: r(459);
                    font-size: $fontSizebody;
                    >p:first-child{width:100%;
                            color: #b50007;
                            border-bottom: 1px solid #e09999;
                            line-height: $fontSizebody;
                            padding-bottom: r(7);
                            margin-bottom: r(5);}
                    >p:last-child{width:r(451);
                        font-size: 10px;
                        color: #7d7d7d;}
                    }
            }
        }
    }
}
